import Vue from "vue"; // 导入vue实例
import Vuex from "vuex" // 导入vuex 包

Vue.use(Vuex) //“vue.use是一个官方API,是全局注册一个组件或者插件的方法 挂载在vue上
export default new Vuex.Store({
  // 存储数据
  state: {//共同维护的一个状态，state里面可以是很多个全局状态
    msg: "hello word",
    username: {
      p: '262'
    }
  },

  getters: { // 可以获取方法的第二种方式
    getInfo(state) {
      return state.msg
    }
  },

  // mutations： 修改vuex 数据 (同步修改) 修改vuex数据的第1种方法
  mutations: {
    setInfo(state, params) { // params 自己传参的参数
      state.msg = params
    }
  },

  //  actions：修改vuex 数据 (异步修改) 修改vuex数据的第2种方法
  actions: {
    setInfo(state, params) {// params 自己传参的参数
      state.state.msg = params
    }
  }

})